<div id="fld_settings_panel">
	<form class="form-horizontal">
		<fieldset class="fieldset group">
			<div class="control-group">
			    <label class="control-label" for="fieldCode">FieldCode</label>
			    <div class="controls">
			    	<input type="text" name="fieldCode" value="checkboxes" disabled="disabled" readonly="readonly">
			    </div>
			</div>
			<div class="control-group">
				<label class="control-label" for="required"></label>
			    <div class="controls">
			    	<label class="checkbox">
			        	{{view Ember.Checkbox checkedBinding="valid.func_not_empty"}}IsRequired
			      	</label>
			    </div>
			</div>
		</fieldset>	  	
		<fieldset class="fieldset group">
			<div class="control-group">
				<div class="fieldChoice">
					<div class="desc">
						<label class="control-label" for="legend">Legend</label>
					</div>
				    <div class="controls">
				    	{{view Ember.TextField valueBinding="name"}}
				    </div>
			    </div>
		    </div>
		    <div class="control-group">
				{{#each options}}
					<div class="fieldChoice">
						<div class="desc">
							<div class="control-label">
								{{view Em.Checkbox checkedBinding="isChecked"}}
							</div>
						</div>
						<div class="controls">
							{{view Ember.TextField valueBinding="label"}}
							<img {{action "addOption" .}} src="img/add.png" class="choice" alt="Add">
							<img {{action "delOption" .}} src="img/delete.png" class="choice" alt="Del">
						</div>
					</div>
				{{/each}}
			</div>
		</fieldset>
	</form>
</div>